<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>div</div>
<p>p</p>
<div>div</div>
<span>span</span>
<p>p</p>
<div>div</div>


<script>
//    var box1 = document.getElementsByTagName('div')[0];
//    var p1 = document.querySelectorAll('p')[0];
//    var box2 = document.querySelectorAll('div')[1];
//    var sp = document.querySelectorAll('span')[0];
//    var p2 = document.querySelectorAll('p')[1];
//    var box3 = document.querySelectorAll('div')[2];
//    box1.style.border = '1px solid #000';
//    p1.style.border = '1px solid red';
//    box2.style.border = '1px solid yellow';
//    sp.style.border = '1px solid green';
//    p2.style.border = '1px solid green';
//    box3.style.border = '1px solid blue';
//var box = document.querySelectorAll('div');
//for(var i=0;i<box.length;i++){
//    box[i].style.border = '1px solid red';
//}
//var ps = document.querySelectorAll('p');
//for(var i=0;i<ps.length;i++){
//    ps[i].style.border = '1px solid blue';
//}
//    function isBor(){
//
//    }
$(function(){
    $('div').css("background-color","blue");
});

</script>
</body>
</html>